.li-btn {
  width: 2rem /* 100/50 */;
  height: 1rem /* 50/50 */;
  border-radius: 0.2rem /* 10/50 */;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#d7d7d7), to(#f5f5f5));
  box-shadow: 0 0.06rem /* 3/50 */ 0.2rem /* 10/50 */ #888;
  border: 1px solid #d7d7d7;
  font-size: 0.5rem /* 25/50 */;
  color: #000000;
  position: absolute;
  right: 0.4rem /* 20/50 */;
  top: 50%;
  transform: translateY(-50%);
}
.shop .shop-box {
  background-color: #fff;
}
.shop .shop-box li a {
  display: flex;
  padding: 0.4rem /* 20/50 */;
  border-bottom: 1px solid #ccc;
}
.shop .shop-box li a img {
  width: 4rem /* 200/50 */;
  height: 4rem /* 200/50 */;
  margin-right: 0.4rem /* 20/50 */;
}
.shop .shop-box li a div p:nth-child(1) {
  font-size: 0.5rem /* 25/50 */;
  color: #000000;
}
.shop .shop-box li a div p:nth-child(2) {
  font-size: 0.6rem /* 30/50 */;
  color: red;
  margin-top: 0.4rem /* 20/50 */;
  margin-bottom: 0.4rem /* 20/50 */;
}
.shop .shop-box li a div p:nth-child(3) span {
  margin-right: 0.2rem /* 10/50 */;
}
.page {
  padding: 0.2rem /* 10/50 */ 0.6rem /* 30/50 */;
  background-color: #fff;
}
.page .page-box {
  display: flex;
  justify-content: space-between;
  padding: 0.2rem /* 10/50 */ 1.54rem /* 77/50 */;
}
.page .page-box .left {
  padding: 0.16rem /* 8/50 */ 0.6rem /* 30/50 */;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#d4d4d4));
  border-radius: 0.2rem /* 10/50 */;
  box-shadow: 0 0 0.2rem /* 10/50 */ #c4c3c1;
  line-height: 0.66rem /* 33/50 */;
}
.page .page-box .content select {
  padding: 0.16rem /* 8/50 */ 0.6rem /* 30/50 */;
  background-color: #fafafa;
  font-size: 0.48rem /* 24/50 */;
}
.page .page-box .right {
  padding: 0.16rem /* 8/50 */ 0.6rem /* 30/50 */;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#d4d4d4));
  border-radius: 0.2rem /* 10/50 */;
  box-shadow: 0 0 0.2rem /* 10/50 */ #c4c3c1;
  line-height: 0.66rem /* 33/50 */;
}
